'use client'

import "./globals.css";
import { Inter } from 'next/font/google'
import {
  ClerkProvider,
} from '@clerk/nextjs'
import { trpc } from '@/lib/trpc';
import { Toaster } from "@/components/ui/sonner"

const inter = Inter({ subsets: ['latin'] })

function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <ClerkProvider>
      <html lang="en">
        <body
          className={inter.className}
        >
          <Toaster />
          {children}
        </body>
      </html>
    </ClerkProvider>
  );
}

export default trpc.withTRPC(RootLayout);
